<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>首页 - 华水小分队</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/animate.min.css">
</head>
	
<body>
<div class="index-header clearfix">
	<div class="index-logo fl">
		<a href=""><img src="images/logo.jpeg"></a>
	</div>
	<ul class="index-nav fl">
		<li><a href="index.html">首页</a></li>
		<li><a href="about.html">201806102</a></li>
		<li><a href="201820013/index.html">201820013</a></li>
		<li><a href="201820017/陆凯欣1.html">201820017</a></li>
		<li><a href="201820014/page1.html">201820014</a></li>
		<li><a href="201820010/Login.html">201820010</a></li>


	</ul>
	<div class="index-header-right fr">
		<a href="" class="search-btn">搜索</a>	
		<a href="" class="erweima">
			<div class="erweima-pic">
			</div>
		</a>
	</div>
	<div class="clear"></div>
</div>
	
<div class="search_sec">
	<a href="#" title="" class="close-search"><i class=" la-close"><img src="images/icon5.png"></i></a>
	<div class="search_field">
		<div class="container">
			<form>
				<input type="text" name="search" placeholder="Search for...">
				<button type="submit"><img src="images/search2.png" alt=""></button>
			</form>
		</div>
	</div>
</div>	
<!--search_sec end-->

<div id="bloc">
	<article id="index">
		<div class="banner-position">
			<div class="index-banner swiper-container">
			    <div class="swiper-wrapper">
			        <div class="swiper-slide">
			          <img src="images/banner1.jpeg">
			        </div>
			    </div>
			    <!-- Add Navigation -->
			    <div class="swiper-button-prev swiper-button-white"></div>
			    <div class="swiper-button-next swiper-button-white"></div>
		  	</div>
			<div class="banner-wave">
				<svg viewBox="0 0 120 28">
			
					<defs>
			
						<filter id="goo">
			
							<feGaussianBlur in="SourceGraphic" stdDeviation="1" result="blur" />
			
							<feColorMatrix in="blur" mode="matrix" values="
			
							   1 0 0 0 0  
							
							   0 1 0 0 0  
							
							   0 0 1 0 0  
							
							   0 0 0 13 -9" result="goo" />
			
							<xfeBlend in="SourceGraphic" in2="goo" />
			
						</filter>
			
						<path id="wave" d="M 0,10 C 30,10 30,15 60,15 90,15 90,10 120,10 150,10 150,15 180,15 210,15 210,10 240,10 v 28 h -240 z" />
			
					</defs>
			
					<use id="wave3" class="wave" xlink:href="#wave" x="0" y="-2"></use>
			
					<use id="wave2" class="wave" xlink:href="#wave" x="0" y="0"></use>
			
					<g class="gooeff" filter="url(#goo)">
			
						<circle class="drop drop1" cx="20" cy="2" r="8.8" />
			
						<circle class="drop drop2" cx="25" cy="2.5" r="7.5" />
			
						<circle class="drop drop3" cx="16" cy="2.8" r="9.2" />
			
						<circle class="drop drop4" cx="18" cy="2" r="8.8" />
			
						<circle class="drop drop5" cx="22" cy="2.5" r="7.5" />
			
						<circle class="drop drop6" cx="26" cy="2.8" r="9.2" />
			
						<circle class="drop drop1" cx="5" cy="4.4" r="8.8" />
			
						<circle class="drop drop2" cx="5" cy="4.1" r="7.5" />
			
						<circle class="drop drop3" cx="8" cy="3.8" r="9.2" />
			
						<circle class="drop drop4" cx="3" cy="4.4" r="8.8" />
			
						<circle class="drop drop5" cx="7" cy="4.1" r="7.5" />
			
						<circle class="drop drop6" cx="10" cy="4.3" r="9.2" />
			
						<circle class="drop drop1" cx="1.2" cy="5.4" r="8.8" />
			
						<circle class="drop drop2" cx="5.2" cy="5.1" r="7.5" />
			
						<circle class="drop drop3" cx="10.2" cy="5.3" r="9.2" />
			
						<circle class="drop drop4" cx="3.2" cy="5.4" r="8.8" />
			
						<circle class="drop drop5" cx="14.2" cy="5.1" r="7.5" />
			
						<circle class="drop drop6" cx="17.2" cy="4.8" r="9.2" />
			
						<use id="wave1" class="wave" xlink:href="#wave" x="0" y="1" />
			
					</g>
				</svg>
			</div>
		</div>
		<div class="clear"></div>
			<!--about-->
			<div class="index-about">
				<div class="index-con clearfix">
					<div class="index-about-text fl">
						<div class="index-title">
							<h3 class="scroll-animate" data-effect="fadeInUpSmall">华北水利水电大学</h3>
							<h2 class="scroll-animate" data-delay="0.2" data-effect="fadeInUpSmall">关于华水</h2>
							<span></span>
						</div>
						<p  class="scroll-animate" data-delay="0.6" data-effect="fadeInUpSmall">华北水利水电大学，简称“华水”，坐落于河南省郑州市，是水利部与河南省共建、以河南省管理为主的河南省特色骨干大学，是金砖国家网络大学中方高校牵头单位、金砖国家大学联盟成员，为国家首批硕士学位、博士学位授予权单位，入选教育部卓越工程师教育培养计划、中西部高校基础能力建设工程、硕士研究生单独招考资格、少数民族高层次骨干人才计划，水利部水务培训中心、水利部电大开放教育办公室设在学校。<br />
							学校起源自1951年创建于北京的中央人民政府水利部水利学校，1954年更名为水利部北京水利学校。1958年北京水力发电学校、北京水力发电函授学院并入，成立北京水利水电学院。1978年更名为华北水利水电学院，1990年迁至河南省郑州市办学，2000年整建制由水利部划转河南省管理，2013年更名为华北水利水电大学。</p>
						<div class="index-more">
							<a href="">返回首行</a>
						</div>
					</div>	
					<div class="index-about-pic fr">
						<a href="" >
							<img src="images/pic2.jpeg" class="scroll-animate classGo" data-Tclass="go">
						</a>
					</div>
				</div>
				<div class="wave_box1">
					<img src="images/wavs.gif">
				</div>
			</div>
			<div class="clear"></div>
			
			<!--业务范围-->
			<div class="index-yewu">
				<div class="index-con clearfix">
					<div class="index-title">
						<h3>华水小分队</h3>
						<h2>组员介绍</h2>
					</div>
					
					<div class="index-yewu-info clearfix">
						<div class="index-yewu-pic fl">
							<a href="" >
								<img src="images/pic3.jpeg" class="scroll-animate classGo" data-Tclass="go">
							</a>
						</div>
						<ul class="index-yewu-list clearfix fr">
							<li>
								<a href="about.html">
									<em><img src="images/201806102.jpg"></em>
									<div class="text">
										<h2>代开胜</h2>
										<span></span>
										<p></p>
									</div>
									<div class="button bz-buttonAnimat clockwise both">
										<div class="inner"></div>
									</div>									
								</a>
							</li>
							<li>
								<a href="201820010/Login.html">
									<em><img src="images/201820010.jpg"></em>
									<div class="text">
										<h2>余超</h2>
										<span></span>
										<p></p>
									</div>	
									<div class="button bz-buttonAnimat clockwise both">
										<div class="inner"></div>
									</div>	
								</a>
							</li>
							<li>
								<a href="201820013\index.html">
									<em><img src="images/201820013.jpg"></em>
									<div class="text">
										<h2>李金鑫</h2>
										<span></span>
										<p></p>
									</div>	
									<div class="button bz-buttonAnimat clockwise both">
										<div class="inner"></div>
									</div>	
								</a>
							</li>
							<li>
								<a href="201820014\page1.html">
									<em><img src="images/201820014.jpg"></em>
									<div class="text">
										<h2>杨安博</h2>
										<span></span>
										<p></p>
									</div>	
									<div class="button bz-buttonAnimat clockwise both">
										<div class="inner"></div>
									</div>	
								</a>
							</li>
							<li>
								<a href="201820017\陆凯欣1.html">
									<em><img src="images/201820017.jpg"></em>
									<div class="text">
										<h2>陆凯欣</h2>
										<span></span>
										<p></p>
									</div>	
									<div class="button bz-buttonAnimat clockwise both">
										<div class="inner"></div>
									</div>	
								</a>
							</li>

						</ul>
					</div>			
				</div>
			</div>
	</article>
</div>

<script type="text/javascript" src="js/jquery-3.1.0.min.js"></script>
<script type="text/javascript" src='js/modernizr.custom.js'></script>
<script src="js/more.js"></script>
<script src="js/swiper.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type='text/javascript' src='js/base.js'></script>
<script type="text/javascript" src='js/app.js'></script>
<script>
var swiper = new Swiper('.index-banner.swiper-container', {
  speed: 600,
  parallax: true,   
  navigation: {
    nextEl: '.swiper-button-next',
    prevEl: '.swiper-button-prev',
  },
});
scrolly.init({
	wrapper: '#bloc',
	targets: '.scr-el',
	bgParallax: true,
	wrapperSpeed: 0.08
});
</script>
</body>
</html>
